<script setup lang="ts">
import { useI18n } from 'vue-i18n'

const { locale } = useI18n()
function changeLang(lang: string) {
  locale.value = lang
}
</script>

<template>
  <div class="TestOne-page">
    <p>{{ $t("app.title") }}</p>
    <p>{{ $t("app.description") }}</p>
    <p>{{ $t("app.say") }}</p>
    <button @click="changeLang('zh')">
      zh
    </button>
    <button @click="changeLang('en')">
      en
    </button>
  </div>
</template>

<style scoped>
.TestOne-page {
  background-color: palevioletred;
}
</style>
